﻿body, div, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input { margin: 0; padding: 0; }
html { width: 100%; font-family: 'Microsoft YaHei' ,tahoma,arial, "Hiragino Sans GB" ,sans-serif; font-size: 14px; outline: 0; -webkit-text-size-adjust: none; }
body { width: 100%; margin: 0; -webkit-user-select: none; position: relative; background-color: #efeff4; }
a:link, a:visited { color:#888; font-style: normal;text-decoration:none; }
img { border: 0 none; height: auto; max-width: 100%; vertical-align: middle; }
li { list-style:none }
.header { width: 100%; height: 50px; border-bottom: 1px solid #d4d4d8; background-color: #11D3BC; }
.top-name { text-align: center; color: #fff; font-size: 18px; line-height: 50px; }
.mainframe {top: 0; left: 0; width: 100%; padding:0; }
.footer { position: fixed; bottom: 0px; left: 0px; width: 99.99%; height: 50px; padding: 5px 0; border-top: 1px solid #d4d4d8; background-color: #fff; }
.mune { float: left; width: 20%; font-size: 14px; color: #656565; text-align: center; }
.active { color: #10B7A4; }
.nav-back {
	padding: 7px 0px 7px 6px; right: 15px; top: 5px; overflow: hidden; display: inline-block; position: absolute;
}
.nav-back span {
	background: #00B19C; padding: 5px 10px 5px 10px; line-height: 16px; color:#fff; font-size: 15px; float: right;border-radius:3px;
}
.container { margin: 0 auto; padding: 0; width: 100%; height: 100%; min-height: 320px; }

.head { width: 100%; height: 100px; background-color: #fff; }
.head-img {float:left; margin-left: 30px; width: 80px; height: 80px; border-radius: 100px; background-color: #fff; }
.head-img img { margin-top: 10px; width: 80px; height: 80px; }
.head-dsb { float:left;margin-left: 10px; margin-top:30px;font-size: 16px; line-height:20px }
.foot {  position: fixed;width: 99.99%;bottom:10px; text-align: center; font-size:12px; }

.gray { background-color: #F6F6F6; }
.bgfff { background-color: #fff; }
.width100 { width: 100%; }
.width95 { width: 95%; }
.width90 { width: 90%; }
.width80 { width: 80%; }
.width110 { width: 95px; }
.height100 { height: 100%; }
.mt2{ margin-top:2px;}
.mt3{margin-top:3px;}
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt50 { margin-top: 50px; }
.ml3 { margin-left: 3px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pl3 { padding-left: 3px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.mb20 { margin-bottom: 20px; }
.mb10 { margin-bottom: 10px; }
.fl { float: left; }
.fr { float: right; }
.none { display: none; }
.center { text-align: center; }
.copyrights { text-indent: -9999px; height: 0; line-height: 0; font-size: 0; overflow: hidden; }
.tab-pane { display: none; }
.button { display: inline-block; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.green { color: #fff; background: #96DC01; border: none 0; /* Old browsers */ background: -moz-linear-gradient(top,  #96DC01 0%, #5BAF00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96DC01), color-stop(100%,#5BAF00)); background: -webkit-linear-gradient(top,  #96DC01 0%,#5BAF00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #96DC01 0%,#5BAF00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #96DC01 0%,#5BAF00 100%); /* IE10+ */ background: linear-gradient(top,  #96DC01 0%,#5BAF00 100%); /* W3C */ }
.fz60{ font-size:70px;}
.fz48{ font-size:48px;}
.fz30{ font-size:30px;}
.fz26{ font-size:26px;}
.fz25{ font-size:25px;}
.fz24{ font-size:24px;}
.fz23{ font-size:23px;}
.fz22{ font-size:22px;}
.fz20{ font-size:20px;}
.fz16{ font-size:16px;}
.fline{ text-decoration:line-through;color:#999}
.fb{ font-weight:bold;}
.orange1 { color: #fff; background: #f77f1b; border: none 0; /* Old browsers */ background: -moz-linear-gradient(top,  #ffa409 0%, #f77f1b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa409), color-stop(100%,#f77f1b)); background: -webkit-linear-gradient(top,  #ffa409 0%,#f77f1b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #ffa409 0%,#f77f1b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #ffa409 0%,#f77f1b 100%); /* IE10+ */ background: linear-gradient(top,  #ffa409 0%,#f77f1b 100%); /* W3C */ }
.icocg{color: #11D3BC;}
.Gray { color: #fff; background: #43474A; border: none 0; /* Old browsers */ background: -moz-linear-gradient(top,  #43474A 0%, #030303 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43474A), color-stop(100%,#030303)); background: -webkit-linear-gradient(top,  #43474A 0%,#030303 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #43474A 0%,#030303 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #43474A 0%,#030303 100%); /* IE10+ */ background: linear-gradient(top,  #43474A 0%,#030303 100%); /* W3C */ }
.button:hover { -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5); box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5); }
.button:active { -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8); -moz-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8); box-shadow: inset 0px 0px 3px rgba(0,0,0, .8); }

.btn-yellow { color: #fff; background-color: #00B19C; border-color: #00B19C; border-radius: 0; }
.btn-yellow:focus { color: #fff; background-color: #00B19C; border-color: #00B19C; border-radius: 0; }
.btn-yellow:hover { color: #fff; background-color: #00B19C; border-color: #00B19C; border-radius: 0; }
.btn-disabled { color: #fff; background-color: #999; border-color: #999; border-radius: 0; }
.br0 {border-radius:0}
#sim-ul { margin: 0; padding: 0.5rem; }
#sim-ul li { width: 14.2%; line-height: 2.5; float: left; list-style: none; border-bottom: 1px solid #dadada; text-align: center; font-size: 16px; color: #636363; -webkit-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; }
#sim-ul li:active { background-color: #d9d9d9; color: #fff; -webkit-transition: 0ms; -o-transition: 0ms; transition: 0ms; }

#wcplist { padding-left:2%;}
#wcplist .wcp{ position:relative; float:left; width:31%;border-radius: 5px; background-color: #fff; border: 1px solid #11D3BC;margin-bottom:15px; margin-right:2%; padding:10px; text-align:center;color: #00B19C;}

.ui-tab{width:100%;overflow:hidden}
.ui-tab-nav{width:100%;background-color:#fff;display:box;display:-webkit-box;font-size:16px;height:45px;-webkit-box-sizing:border-box;box-sizing:border-box}
.ui-tab-content{display:-webkit-box}
.ui-tab-content>li{-webkit-box-flex:1;width:100%}
.ui-tab-nav li{height:45px;line-height:45px;min-width:70px;box-flex:1;-webkit-box-flex:1;text-align:center;color:#777;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid transparent;width:100%}
.ui-tab-nav li.current{color:#11D3BC;border-bottom:2px #11D3BC solid}
.ui-tab-nav li:active{opacity:.8}